<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="styles/global.css">
    <link rel="stylesheet" href="styles/sites.css">
    <title>美上美电子商务</title>
    <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.2&key=17c8677be1b7af7e253674f7fa8ff33a"></script>
</head>
<body>
      <div id="header">
          <nav class="header-nav">
              <div class="header-logo">
                <a href="">  <img src="./images/logo.png" alt="美上美logo"></a>
              </div>
              <div class="nav">
                <ul>
                  <li><a href="./index.html">首页</a></li>
                    <li class="none"><a href="javascript:void(0);" onclick="alert('正在建设中.');">商店</a></li>
                  <li><a href="./service.html">服务</a></li>
                  <li  class="active"><a href="contact.html">联系我们</a></li>
                  <li><a href="about.html">关于我们</a></li>
                </ul>
              </div>
              <!-- <div class="nav-right">
                  <a href="">登录</a>
                  <a class="active" href="">免费注册</a>
              </div> -->
              <div class="clearfix"></div>
          </nav>
      </div>
      <div class="container" id="container">
          <div class="content">
                <section class="banner">
                    <img src="./images/banners/b4.jpg" alt="">
                </section>
                <section class="breadcrumb section-container">
                  <div class="section-inner">
                    <div class="breadcrumb-title pull-left">
                      <h5>联系我们</h5>
                    </div>
                    <div class="breadcrumb-nav pull-right">
                      <ul><li><a href="./index.html">首页</a></li>
                        <li>></li>
                      <li><a href="./contact.html">联系我们</a></li></ul>
                    </div>
                    <div class="clearfix"></div>
                  </div>
                </section>
                <section class="contact section-container">
                  <div class="contact-inner">
                    <div id="map"></div>
                    <div class="contact-info">
                      <div class="contact-info-item">
                        <p><span class="icon icon-address"></span><span>地址：成都市高新区德商国际B座4楼403-01</span></p>
                        <p><span class="icon icon-phone"></span><span>电话：028-8288 0401</span></p>
                      </div>
                      <div class="contact-info-item">
                        <p><span class="icon icon-address"></span><span>Email: info@3may.cn</span></p>
                        <p><span class="icon icon-tel"></span><span>免费热线：400-158-0401</span></p>
                      </div>
                    </div>
                  </div>
                </section>

                <section class="section-container section-leaveMes">
                    <div class="section-inner">
                      <div class="section-mes">
                        <h5>留言反馈</h5>
                        <p>尊敬的客户朋友，请将您的意见建议通过下表反馈给我们，我们会尽快与您联系。</p>
                        <div class="mesbox">
                          <div class="group-input">
                            <p>
                              <span>您的姓名：</span>
                              <input type="text" name="" value="">
                            </p>
                            <p>
                              <span>您的电话：</span>
                              <input type="text" name="" value="">
                            </p>
                            <p>
                              <span>您的Email：</span>
                              <input type="text" name="" value="" style="margin-left:12px;">
                            </p>
                            <p>
                              <span>您的地址：</span>
                              <input type="text" name="" value="">
                            </p>
                            <p>
                              <span>留言内容：</span>
                              <textarea></textarea>
                            </p>
                            <button type="button" name="button" >提交</button>
                          </div>
                        </div>
                      </div>
                    </div>
                </section>
          </div>
      </div>
      <div class="footer" id="footer">
          <div class="footer-wrapper">
              <div class="footer-indro pull-left">
                  <p><span>地址：</span><span>成都市高新区天府大道北段1480号德商国际B座403-1</span></p>
                  <p><span>电话：</span><span>028-8288 0401  </span></p>
                  <p><span>E-mail：</span><span>info@3may.cn</span></p>
                  <p><span>Copyright © 2017 成都美上美电子商务有限公司 All Rights Reserved</span></p>
                  <p><span>备案号：</span><a href="">蜀ICP备17034443号</a></p>
              </div>
              <div class="footer-qrcode pull-right">
                <img src="./images/qrcode.png" alt="">
                <p>扫一扫&nbsp;关注我们</p>
              </div>
              <div class="clearfix"></div>
          </div>
      </div>
      <script type="text/javascript">
        var marker,map = new AMap.Map('map', {
            resizeEnable: true,
            zoom:40,
            center:[104.0603520000,30.5742460000]
        });
        AMap.plugin(['AMap.ToolBar','AMap.Scale','AMap.OverView'],
            function(){
                map.addControl(new AMap.ToolBar());

                map.addControl(new AMap.Scale());

                map.addControl(new AMap.OverView({isOpen:true}));
        });
        marker = new AMap.Marker({
            icon: "http://webapi.amap.com/theme/v1.3/markers/n/mark_b.png",
            position: [104.0603520000,30.5742460000]
        });
        marker.setMap(map);
        var text = new AMap.Text({
            text:'成都市高新区德商国际B座4楼403-01',
            textAlign:'center',
            verticalAlign:'middle',
            cursor:'pointer',
            style:{
                'background-color':'f2f2f2',
                'padding':'10px 20px'
            },
            position:[104.0603520000,30.5745260000]
        });
        text.setMap(map);
      </script>
</body>
</html>
